.searchDiv {
  position     : absolute;
  border       : 1px solid #d9d9d9;
  border-radius: 5px;
  left         : 16px;
  top          : 24px;
  padding      : 12px;
  width        : 343px;
}

.controleDiv {
  position: absolute;
  top     : 24px;
  right   : 16px;
}

.iconShowDiv {
  font-size: 16px;
  position : absolute;
  left     : 16px;
  top      : 24px;
  border       : 1px solid #d9d9d9;
  border-radius: 5px;
}

.iconShowDiv :hover {
  color : #1890ff;
  cursor: pointer;
}

.iconDiv {
  font-size: 16px;
  position : absolute;
  right    : -12px;
  top      : -12px;
}

.iconDiv :hover {
  color : #1890ff;
  cursor: pointer;
}

.contentDiv {
  max-height: calc(100vh - 470px);
  overflow  : auto;
}

.contentPageDiv {
  max-height: calc(100vh - 500px);
  overflow  : auto;
}

.trackDiv:first-of-type {
  margin-top: 0px;
}

.trackDivSelected {
  background: #79bdfd !important;
}

.trackDiv {
  margin-top   : 10px;
  border-radius: 5px;
  padding      : 8px 8px 0px 8px;
  background   : #f5f3f3;
  cursor       : pointer;

  :global {
    .ant-timeline-item-tail {
      border-left: 2px solid #574cf8;
    }

    .ant-timeline-item {
      padding-bottom: 8px;
    }

    .ant-timeline-item-last>.ant-timeline-item-content {
      min-height: 0;
    }

    .ant-timeline-item-last {
      padding-bottom: 0 !important;
    }

    .ant-timeline-item-head-custom {
      padding      : 2px;
      border-radius: 10px;
      font-size    : 6px;
      color        : black;
      border       : 1px solid #383737;
    }
  }
}